<!-- <p>study01 works!</p> -->
<h1>插值表达式</h1>
<p>{{msg}}</p>
<p>{{num}}</p>
<p>匿名变量:{{"蔡徐坤"}}</p>
<p>匿名变量:{{123}}</p>
<p>匿名变量:{{true}}</p>
<p>匿名变量:{{[1,2,3]}}</p>
<p>匿名变量:{{ {name:"iboy"} }}</p>
<p>简单运算:{{1+1}}</p>
<p>简单比较:{{2<3}}</p>
<p>表达式:{{true?"真":"假"}}</p>
<p>表达式:{{num-100}}</p>
<hr>
<p>数组:{{arr}}</p>
<p>对象:{{user}}</p>
<p>null:{{arg1}}</p>
<p>undefined:{{arg2}}</p>
<hr>
<!-- <p>JS内置变量:{{Math.PI}}</p> -->
<p>换算js内置变量:{{math.PI}}</p>
<p id="{{msg}}">定义在标签属性上</p>
<p>--------------------------------------</p>
<h1>Angular事件绑定</h1>
<input type="button" value="点击事件绑定1" (click)="showMsg()"> 
<input type="button" value="点击事件绑定2" (click)="showMsg"> 
<hr>
info:{{info}}
<input type="button" value="info赋值" (click)="info='info新值'">
<input type="button" value="info赋值拼接" (click)="info=info+'新值'">
<input type="button" value="info不赋值" (click)="info+'新值'">
<hr>
num:{{num}}
<input type="button" value="+" (click)="num=num+1">
<input type="button" value="-" (click)="num=num-1">
<!-- <input type="button" value="+" (click)="num+=1">
<input type="button" value="-" (click)="num-=1"> -->
<hr>
<!-- <input type="button" value="绑定多个相同事件" (click)="showMsg(),showInfo()"> -->
<input type="button" value="绑定多个相同事件" (click)="[showMsg(),showInfo()]">
<!-- <input type="button" value="绑定多个相同事件" (click)="[showMsg,showInfo]">不报错，但没效果 上面的带括号的则可以-->
<input type="button" value="绑定多个相同事件" (click)="showMsg()" (click)="showInfo()">
<input type="button" value="绑定多个相同事件"  (click)="showInfo()" (click)="showMsg()">
<input type="button" value="click+mousedown" (click)="showMsg()" (mousedown)="showInfo()">
<hr>
<input type="button" value="传参事件" (click)="deliveryIt(num,msg)">
<input type="button" value="传参事件" (click)="deliveryIt('匿名字符串',1+1)">
<input type="button" value="传递this" (click)="deliveryThis(this)">
<input type="button" value="传递event" (click)="deliveryEvent(event)">
<input type="button" value="传递$event" (click)="deliveryEvent($event)">
<hr>
<a href="https://www.baidu.com" (click)="stopDelivery($event)">百度一下，你就不知道!</a>
<a href="https://www.baidu.com" (click)="$event.preventDefault()">百度一下，你就不知道!</a>
<h1>属性指令</h1>